// pages/mine/mine.js
// 整个小程序所有分包的大小不能超过20MB。123456
// 单个分包或主包的大小不能超过2MB
// 小程序的静态资源非常少，图片，视频都放置绝对路径Https://
// 主包 最好放置tabbar页面
//  分包放置其他页面  一个分包最好放置关联页面
// 分包 配置项是在app.json中 的subPackage:[]中
// subPackage:[{
//   root:"分包名"，
//  pages:[ //分包下放置的页面
    //'reg/reg',
    // 'login/login'
// ]
// }]
let pointinfor=[{
  longitude:"116.68376",
  latitude:"39.53775",
},{
  longitude:"101.824123",
  latitude:"27.640925",
}]
Page({

  /**
   * 页面的初始数据
   */
  data: {
    longitude:"",
    latitude:"",
    markers:[],
    polyline:[]
  },
  toFEN(){
    wx.navigateTo({
      url:"/packA/login/login"
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
// 获取地图实例
var mapCtx = wx.createMapContext("myMap");
console.log(mapCtx)
mapCtx.moveToLocation()
// 设置点的数据
this.setData({
  markers:[{
    longitude:"116.68376",
    latitude:"39.53775",
    iconPath:"../../images/nav/cart-on.png",
    content:"起点",
    id:1,
    width:"50px",
    height:"50px",
    name:"111",
    callout:{
      content:"起点",
      fontSize:"20px",
      color:"#ff0000",
      textAlign: 'center',
      display: 'ALWAYS'
    }
  },
  {
    longitude:"101.824123",
    latitude:"27.640925",
    content:"终点",
    id:2,
    width:"50px",
    height:"50px",
    name:"222",
    callout:{
      fontSize:"20px",
      color:"#ff0000",
      content:"终点",
      textAlign: 'center',
      display: 'ALWAYS'
    }
  }]
})
// 设置线的数据
this.setData({
  polyline:[{
    points:[{
      longitude:"116.68376",
      latitude:"39.53775",
    },{
      longitude:"101.824123",
      latitude:"27.640925",
    }],
    color: '#09B988',
    width: 5,
    dottedLine: false,
    arrowLine: true,
    borderColor: "#09B988",
    borderWidth: 1
  }]
})
  
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
      wx.getLocation({
        type: 'wgs84',
        success:(res)=>{
          console.log(res)
          this.setData({
            longitude:res.longitude,
            latitude:res.latitude
          })
        },
        fail(res){
          console.log(res)
        }
      })
     
                var mapCtx = wx.createMapContext("myMap");
              // 动态设置点
              mapCtx.includePoints({
                  points: pointinfor,
                  padding: [50]
              })

              // 运动方法
              mapCtx.moveAlong({
              markerId: 1,
              autoRotate: true,
              path: pointinfor,
              duration: 3000
              })
    
            
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})